```tsx
import { createSignal } from "solid-js"

export function ControlledCheckbox() {
  const [checked, setChecked] = createSignal(false)

  const service = useMachine(checkbox.machine, () => ({
    checked: checked(),
    onCheckedChange(details) {
      setChecked(details.checked)
    },
  }))

  return (
    // ...
  )
}
```
